草庐IT

CSS 背景

全部标签

javascript - 在图表中设置背景颜色

我正在使用主题,但我想将图表周围的背景颜色设置为白色或透明或其他颜色。我正在尝试这段代码:varmyTheme=dojox.charting.themes.PlotKit.orange;myTheme.fill="white";chart10.setTheme(myTheme);chart10.addPlot("default",{type:"Pie",labelOffset:-30,radius:150,startAngle:45,font:"normalnormal10ptTahoma",fontColor:"black",labelWiring:"grey",labelStyle

javascript - 如何从 JavaScript 设置和触发 css 转换

我是html5、css和javascript的新手,大部分时间我只是在玩。我想要做的是设置并触发一个div的转换。页面加载后,我设法通过设置过渡来做到这一点。但这感觉不是很有活力,而且似乎不是正确的方法。我感谢任何帮助body{text-align:center;}#dialPointer{position:relative;margin-left:auto;margin-right:auto;width:23px;height:281px;background:url(pointer.png);background-size:100%100%;background-repeat:no

javascript - 如何测试浏览器对背景剪辑 : text? 的支持

如何测试background-clip:text的值,webkit支持文本,但是mozilla和其他浏览器不支持我已经尝试过modernizrteststyles但没有成功 最佳答案 vartestEl=document.createElement("x-test");varsupportsWebkitBackgroundClipText=typeoftestEl.style.webkitBackgroundClip!=="undefined"&&(testEl.style.webkitBackgroundClip="text",t

javascript - 在 Knockout 中连接 CSS 名称

我想知道如何为我的KnockoutViewModel中的元素应用使用$data连接的css类名。目标当用户单击“赞美”按钮(我的ViewModel数组中的一个元素)时,我想将css类“feedbackItemIconPraise”应用到LI。如果用户点击“批评”,我想应用类“feedbackItemIconPraise”。我假设使用$data在data-bind属性中连接一个css类是可行的方法,但可能是错误的。代码我的ViewModel的相关部分:varFeedbackViewModel=function(){varself=this;self.feedbackItemTypes=[

javascript - SlickGrid 2.0 无法更改奇数索引中的行背景颜色

我正在尝试使用此代码更改背景颜色:data.getItemMetadata=function(index){if(index===5){return{cssClasses:"Unverified"};}}只要索引是偶数,它就可以完美运行。但对于奇数索引,它对背景颜色没有影响(它对字体样式有影响)。我怀疑这与斑马效应有关?(我不知道如何禁用它)谢谢。 最佳答案 您的UnverifiedCSS类已应用,但没有效果,因为它的特异性低于slick-default-theme.css中定义的:.slick-row.odd{background

javascript - 以编程方式测试特定的 css 属性兼容性(调整文本区域的大小支持)

我正在跨浏览器网站上实现一个可调整大小的文本区域。现在在FF/Chrome/Safari中,以下内容:textarea{resize:both;}像魅力一样工作。一点点嗅探让我来到这里:http://www.w3schools.com/cssref/css3_pr_resize.asp我在哪里得知Opera和IE不支持这个属性。没什么大不了的,下面的javascript可以负责检测,其中包含对resizable()的jqueryUI调用以实现功能:if((navigator.userAgent.indexOf('Trident')!=-1)||(navigator.userAgent.

javascript - 使 td 的背景图像适合非静态图像的 100%

我有td标签:和CSS:.np-logo{background-repeat:no-repeat;background-size:100%;}我正在根据公司Logo更改图像。所有图像的大小和宽度都不同。.np-logo{background-image:url('"+companylogo+"');问题是图像没有正确地适应td。我希望它们占据整个td。但是对于每个公司来说,背景图像的位置都不统一。我什至尝试在图像加载时使用java脚本以适应容器。虽然没有用。任何帮助家伙......? 最佳答案 尝试background-size:1

javascript - 检查 css 背景大小支持的方法

我正在开发一个主要使用background-size:cover属性作为背景的网站。但是我想支持IE7/8,我知道我可以使用IE条件注释,但检查属性支持会更有用,因为它可以支持其他旧浏览器,而不是仅支持IE。我有背景问题的解决方案,但我需要知道何时使用js添加它,具体取决于是否支持background-size属性。我的问题是,在旧浏览器中检查cssbackground-size属性的最佳方法是什么?我看到了一些相关的问题,但它们都需要使用Modernizer,我宁愿不使用额外的库,除非它是唯一的选择。谢谢。 最佳答案 if('ba

javascript - 是否可以在 Javascript 的 css3 转换期间获取 objective-c ss 属性值?

我有两个div绝对定位并且我将它们相对定位。当一个的width发生变化时,我会重新计算并设置位置。当我在“width”属性上使用css3transition时,当我尝试获取动画的“width”时,它会为我提供dom上的当前值。但我想获得过渡的目标值,以便在过渡效果开始时正确设置位置。是否可以通过javascript或其他方式获取目标值?编辑下面是一个jsfiddle演示我的问题。它提醒“100px”,但我需要获得“300px”。http://jsfiddle.net/Mdbgs/谢谢。 最佳答案 那是因为.css('width')正

javascript - 如何使用 javascript/jQuery 获取透明元素的有效背景颜色

基本上,我在页面上有一个元素可以插入多个不同的位置。它没有设置背景颜色,但根据插入位置的背景颜色,我可能想对其进行一些更改。我的问题是:如何为元素获取有效的背景色,即使该背景色可能是从父级继承的(可能一直到主体)。这是一个简化的示例,我想在其中找到.color-me的背景颜色what'smybackground-color?还有一个代码笔:http://codepen.io/evanhobbs/pen/FbAnL/ 最佳答案 考虑到一些(非常重要的)注意事项,这是可能的。zzzzBov在对问题的评论中很好地总结了它们:...thec